<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>锂塔二手回收</title>
    <link rel="stylesheet" href="./css/buy.css">
</head>

<body>
    <div class="buy-page">
        <header>
            <!-- 导航区域 -->
            <div class="nav">
                <div class="logo">
                    <img src="./imgs/logo.png" alt="">
                </div>
                <ul class="nav-list">
                    <li>下载APP</li>
                    <li>快捷回收</li>
                    <li>二手拯救世界</li>
                    <li>联系我们</li>
                    <li>线下店加盟</li>
                </ul>
                <div class="login" id="login">
                    <div class="login-btn">登录</div>
                </div>
            </div>
        </header>
        <div class="main">
            <div class="content">
                <div class="content-left">
                    <div class="title">
                        临汾二手新能源汽车电池包 埃安Y电池包回收出售宁德174ah
                    </div>
                    <div class="view">
                        1次浏览
                    </div>
                    <div class="product">
                        <div class="product-img">
                            <img class="current-img" src="./imgs/p1.png" alt=""></img>
                            <!-- 滚动选择图片 -->
                            <div class="scroll-list">
                                <div class="left-arrow" onclick="scrollImages('left')">
                                    <div>
                                        &lt;
                                    </div>
                                </div>
                                <div class="list">
                                    <div class="img-scroll" id="img-scroll">
                                        <img src="./imgs/p1.png" alt=""></img>
                                        <img src="./imgs/p2.png" alt=""></img>
                                        <img src="./imgs/p3.png" alt=""></img>
                                        <img src="./imgs/p4.png" alt=""></img>
                                        <img src="./imgs/p5.png" alt=""></img>
                                        <img src="./imgs/p6.png" alt=""></img>
                                    </div>
                                </div>
                                <div class="right-arrow" onclick="scrollImages('right')">
                                    <div>
                                        &gt;
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-info">
                            <div class="price">
                                <span class="current-price">现价：16200元</span>
                                <span class="original-price">原价：30000元</span>
                            </div>

                            <div class="region">区域：济南 天桥</div>

                            <div class="tags">
                                <span class="tag">真实个人</span>
                                <span class="tag">担保交易</span>
                                <span class="tag">支持全国</span>
                                <span class="tag">在线沟通</span>
                            </div>

                            <div class="buttons">
                                <div class="btn contact">联系卖家</div>
                                <div class="btn buy">我要购买</div>
                            </div>
                            <div class="likes">
                                想要
                            </div>
                        </div>
                    </div>
                    <!-- 流程区域 -->
                    <div class="flow">
                        <img src="./imgs/f1.png" alt="">
                        <img src="./imgs/f2.png" alt="">
                        <img src="./imgs/f3.png" alt="">
                    </div>
                </div>
                <div class="content-right">
                    <div class="product-up">
                        <h1 class="title">精选推荐</h1>
                        <div class="product-list" id="right-list">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 最底部 -->
        <footer>
            <div class="footer-container">
                <div class="logo">
                    <img src="./imgs/logo2.png" alt="">
                </div>
                <div class="des">
                    转转-真的官方验，买卖二手不一样
                </div>
                <div class="right">
                    <img src="./imgs/code.png" alt="">
                </div>
            </div>
        </footer>
    </div>
    <script src="./js/buy.js"></script>
    <script src="./js/common.js"></script>
</body>

</html>